<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!-- 页面标题：按要求格式填写 -->
    <title>轮播图与待办列表</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 轮播图区域 -->
    <div class="slideshow">
        <img src="img/洞庭湖01.jpg" alt="洞庭湖">
        <img src="img/洞庭湖02.jpeg" alt="洞庭湖">
        <img src="img/黄山01.jpg" alt="黄山">
        <img src="img/张家界01.jpg" alt="张家界">
        <img src="img/张家界02.jpeg" alt="张家界">
        <img src="img/bg4.jpeg" alt="自然风光">
        
        <span class="prev">&lt;</span>
        <span class="next">&gt;</span>
        
        <ul class="dots">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <!-- 待办列表区域 -->
    <div class="todo-container">
        <h2>交互式待办列表</h2>
        <div class="todo-input">
            <input type="text" id="newTodo" placeholder="输入新任务...">
            <button onclick="addTodo()">添加</button>
        </div>
        <ul id="todoList"></ul>
    </div>

    <script src="javascript.js"></script>
</body>
</html>